<template>
  <div class="w-full h-full flex bg-white text-sm text-[#484a4d] items-center justify-between px-4">
    <img :src="bottomIcons.bottom1" alt="" v-if="type === 1" class="w-full" />
    <img :src="bottomIcons.bottom2" alt="" v-else-if="type === 2" class="w-full" />
    <img :src="bottomIcons.bottom3" alt="" v-else class="w-full" />
  </div>
</template>

<script setup lang="ts">
import { withDefaults } from 'vue'
import bottomIcons from '../../assets'

const props = withDefaults(defineProps<{ type: number }>(), { type: 1 })
</script>

<style scoped lang="less"></style>
